$().ready(function(){
    // 事件绑定
    InitPageEvent();
    // 页面初始化
    InitPageInfo();
});

/**
 * 事件绑定
 */
function InitPageEvent(){
}

/**
 * 页面初始化
 */
function InitPageInfo(){
    TopImgMovec();
}

// 选择器
function $a(id, tag){
    var re = (id && typeof id != "string") ? id : document.getElementById(id);
    if (!tag) {
        return re;
    }
    else {
        return re.getElementsByTagName(tag);
    }
}

// 焦点滚动图 点击移动
function TopImgMovec(){
    var o = $a("photoarea", "");
    var oli = $a("photoarea", "dl");
    var oliw = oli[0].offsetWidth; // 每次移动的宽度
    var ow = o.offsetWidth - 2;
    var dnow = 0; // 当前位置
    var olf = oliw - (ow - oliw + 10) / 2;
    o["scrollLeft"] = olf + (dnow * oliw);
    var rqbd = $a("movearea", "ul")[0];
    var extime;
    var rq = $a("movearea", "li");
    for (var i = 0; i < rq.length; i++) {
        reg(i);
    };
    oli[dnow].className = rq[dnow].className = "show";
    var wwww = setInterval(uu, 2000);
    function reg(i){
        rq[i].onmouseover = function(){
            oli[dnow].className = rq[dnow].className = "";
            dnow = i;
            oli[dnow].className = rq[dnow].className = "show";
            mv();
        }
    }
    function mv(){
        clearInterval(extime);
        clearInterval(wwww);
        extime = setInterval(bc, 5);
        wwww = setInterval(uu, 8000);
    }
    function bc(){
        var ns = ((dnow * oliw + olf) - o["scrollLeft"]);
        var v = ns > 0 ? Math.ceil(ns / 10) : Math.floor(ns / 10);
        o["scrollLeft"] += v;
        if (v == 0) {
            clearInterval(extime);
            oli[dnow].className = rq[dnow].className = "show";
            v = null;
        }
    }
    function uu(){
        if (dnow < oli.length - 2) {
            oli[dnow].className = rq[dnow].className = "";
            dnow++;
            oli[dnow].className = rq[dnow].className = "show";
        }
        else {
            oli[dnow].className = rq[dnow].className = "";
            dnow = 0;
            oli[dnow].className = rq[dnow].className = "show";
        }
        mv();
    }
    o.onmouseover = function(){
        clearInterval(extime);
        clearInterval(wwww);
    }
    o.onmouseout = function(){
        extime = setInterval(bc, 5);
        wwww = setInterval(uu, 8000);
    }
}
